<!-- <page-header></page-header> -->
<!-- <div class="alain-default__content-title">
  <h1>
    主标题
    <small>--副标题 !</small>
  </h1>
</div> -->
<div style="padding:10px">
  <nz-card style="width:100%;padding: 10px;">
    <div nz-row>
      <div nz-col [nzSpan]="12">
        <nz-card style="width: 100%;" class="div1-bg-color" nz-tooltip [nzTooltipTitle]="'点击进入学院管理'"
          (click)="goToList(1)">
          <div nz-row>
            <div nz-col style="height: 60%;padding: 10px;" [nzSpan]="16">
              <div>
                <span style="color: white;font-size: 30px;">{{ academyCount }}</span>
              </div>

              <div>
                <span style="color: white;">学院数量</span>
              </div>
            </div>
          </div>
        </nz-card>
      </div>
      <div nz-col [nzSpan]="12" style="padding-left: 10px; height: 100%;">
        <nz-card style="width: 100%;" class="div2-bg-color" nz-tooltip [nzTooltipTitle]="'点击进入专业管理'"
          (click)="goToList(2)">
          <div nz-row>
            <div nz-col style="height: 60%;padding: 10px;" [nzSpan]="16">
              <div>
                <span style="color: white;font-size: 30px;">{{ professionCount }}</span>
              </div>

              <div>
                <span style="color: white;">专业数量</span>
              </div>
            </div>
          </div>
        </nz-card>
      </div>
    </div>
    <div nz-row>
      <div nz-col [nzSpan]="12">
        <nz-card style="width: 100%;" class="div3-bg-color" nz-tooltip [nzTooltipTitle]="'点击进入班级管理'"
          (click)="goToList(3)">
          <div nz-row>
            <div nz-col style="height: 60%;padding: 10px;" [nzSpan]="16">
              <div>
                <span style="color: white;font-size: 30px;">{{ classCount }}</span>
              </div>

              <div>
                <span style="color: white;">班级数量</span>
              </div>
            </div>
          </div>
        </nz-card>
      </div>
      <div nz-col [nzSpan]="12" style="padding-left: 10px; height: 100%;">
        <nz-card style="width: 100%;" class="div4-bg-color" nz-tooltip [nzTooltipTitle]="'点击进入学生管理'"
          (click)="goToList(4)">
          <div nz-row>
            <div nz-col style="height: 60%;padding: 10px;" [nzSpan]="16">
              <div>
                <span style="color: white;font-size: 30px;">{{ studentCount }}</span>
              </div>

              <div>
                <span style="color: white;">学生数量</span>
              </div>
            </div>
          </div>
        </nz-card>
      </div>
    </div>

    <div nz-row>
      <div nz-col [nzSpan]="12">
        <nz-card style="width: 100%;" nzTitle="学生综合成绩统计情况">
          <div nz-row>
            <div nz-col [nzSpan]="24">
              <form nz-form>
                <div nz-row nzType="flex" nzJustify="center">
                  <nz-form-control nz-col nzSpan="6" class="text-left">
                    <app-academy-select [(academyId)]="consolidateParams.academyId"
                      (academyIdChange)="loadConstruction()"></app-academy-select>
                  </nz-form-control>
                  <nz-form-control nz-col nzSpan="6" class="text-left ml-sm">
                    <app-profession-select [(academyId)]="consolidateParams.academyId"
                      [(professionId)]="consolidateParams.professionId" (professionIdChange)="loadConstruction()">
                    </app-profession-select>
                  </nz-form-control>
                  <nz-form-control nz-col nzSpan="6" class="text-left ml-sm">
                    <app-class-select [(academyId)]="consolidateParams.academyId" (classIdChange)="loadConstruction()"
                      [(professionId)]="consolidateParams.professionId" [(classId)]="consolidateParams.classId">
                    </app-class-select>
                  </nz-form-control>
                  <nz-form-control nz-col nzSpan="4" class="text-left ml-sm">
                    <nz-year-picker nzPlaceHolder="测评年份" name="year" [(ngModel)]="consolidateParams.year"
                      (ngModelChange)="loadConstruction()" [nzFormat]="'yyyy' + '学年'" [style]="{ width: '100%' }">
                    </nz-year-picker>
                  </nz-form-control>
                </div>
              </form>
            </div>
          </div>

          <div nz-row>
            <div nz-col [nzSpan]="24">
              <div echarts [theme]="theme" [options]="optionsMajor" class="top-div"></div>
            </div>
          </div>
        </nz-card>
      </div>

      <div nz-col [nzSpan]="12" style="padding-left: 10px; height: 100%;">
        <nz-card style="width: 100%;" nzTitle="统计毕业学分修读情况">
          <div nz-row>
            <div nz-col [nzSpan]="24">
              <form nz-form>
                <div nz-row nzType="flex" nzJustify="center">
                  <nz-form-control nz-col nzSpan="6" class="text-left">
                    <app-academy-select [(academyId)]="creditRecordParams.academyId"
                      (academyIdChange)="loadGraduationCredits()"></app-academy-select>
                  </nz-form-control>
                  <nz-form-control nz-col nzSpan="5" class="text-left ml-sm">
                    <app-profession-select [(academyId)]="creditRecordParams.academyId"
                      (professionIdChange)="loadGraduationCredits()" [(professionId)]="creditRecordParams.professionId">
                    </app-profession-select>
                  </nz-form-control>
                  <nz-form-control nz-col nzSpan="6" class="text-left ml-sm">
                    <app-class-select [(academyId)]="creditRecordParams.academyId"
                      (classIdChange)="loadGraduationCredits()" [(professionId)]="creditRecordParams.professionId"
                      [(classId)]="creditRecordParams.classId">
                    </app-class-select>
                  </nz-form-control>
                  <nz-form-control nz-col nzSpan="4" class="text-left ml-sm">
                    <nz-year-picker nzPlaceHolder="年级" name="grade" [(ngModel)]="creditRecordParams.grade"
                      (ngModelChange)="loadGraduationCredits()" [nzFormat]="'yyyy' + '级'" [style]="{ width: '100%' }">
                    </nz-year-picker>
                  </nz-form-control>
                </div>
              </form>
            </div>
          </div>

          <div nz-row>
            <div nz-col [nzSpan]="24">
              <div echarts [theme]="theme" [options]="creditMajor" class="top-div"></div>
            </div>
          </div>
        </nz-card>
      </div>
    </div>

  </nz-card>
</div>
<!-- <nz-result [nzIcon]="'smile-twotone'" [nzTitle]="'Great, we have done all the operators!'">
  <div nz-result-extra>
    <button nz-button nzType="primary">Next</button>
  </div>
</nz-result> -->
